<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" type="text/css" href="css/acm.css">
    <title>acm</title>
</head>
<body>
<div class="header_content">
    <div class="content">
        <div class="words">
            <h2>
                ACM协会
            </h2>
            <p>
                从2006年开始，ACM经历了九年的磨练，历经2008年的第一届珠海区域赛、以及每年各种省级、友校邀请赛的锻炼和熏陶，2013年亚洲区域赛的突破，2014亚洲区域赛的巩固，ACM程序设计协会完成了从量变到质变的飞跃，在计算机学院的学生当中，也兴起了“ACM热潮”。
            </p>
            <p>
                2010年正式成立以来，ACM每年寒暑假都会进行集训，集训以“老带新”方式，传授算法知识，培养竞赛人才，代表学校外出参加各种ACM竞赛，为学校争取荣誉。
            </p>
        </div>
        <div class="acm_photo">
            <img src="images/acm.png">
        </div>
        <div class="clear"></div>
    </div>
</div>
<div class="middle_content">
    <div class="m_content">
        <div class="left">
            <img src="images/accepted.png">
        </div>
        <div class="right">
            <h2>一份坚持，一个Accepted</h2>
            <p>
                勤能补拙，笨鸟先飞；把握算法，领会精髓。勤能补拙，笨鸟先飞；把握算法，领会精髓。勤能补拙，笨鸟先飞；把握算法，领会精髓。勤能补拙，笨鸟先飞；把握算法，领会精髓。
            </p>
        </div>
        <div class="clear"></div>
    </div>
</div>
<div class="middle_background">
    <div class="achieve">
        <ul>
            <li>
                <h2>1000+</h2>
                <p>A过的题</p>
            </li>
            <li>
                <h2>1000+</h2>
                <p>付出的时间</p>
            </li>
            <li>
                <h2>1000+</h2>
                <p>人数</p>
            </li>
            <li>
                <h2>1000+</h2>
                <p>喝过的咖啡</p>
            </li>
        </ul>
    </div>
    <div class="clear"></div>
</div>
<div class="middle_footer">
    <div class="m_footer_content">
        <h2>这里讲讲历史</h2>
        <div class="prize">
            <p>第39届ACM国际大学生程序设计竞赛亚洲区域赛广州站:铜奖1项</p>
            <p>第十二届广东省大学生程序设计竞赛ACM/ICPC2014广东省赛:铜奖3项</p>
            <p>第38届ACM-ICPC亚洲区域赛长沙站:铜奖1项</p>
            <p>第十一届ACM广东省大学生程序设计竞赛:银奖2项</p>
        </div>
        <div class="active_photo">
            <div><img src="images/ACM_active.png"></div>
            <div><img src="images/ACM_active1.png"></div>
            <div><img src="images/ACM_active2.png"></div>
        </div>
        <div class="clear"></div>
    </div>
</div>
<div class="footer_content">
    <div class="face_photo">
        <div><a href="#"><img src="images/face.png" class="blur"></a></div>
        <div><a href="#"><img src="images/face.png" class="blur"></a></div>
        <div><a href="#"><img src="images/face.png"></a></div>
        <div><a href="#"><img src="images/face.png" class="blur"></a></div>
        <div><a href="#"><img src="images/face.png" class="blur"></a></div>
    </div>
    <div id="face_content"></div>
</div>
<div class="footer_join">
    <div class="join_content">
        <h2>我们期待你的加入</h2>
        <p>
            讲讲比赛什么的讲讲比赛什么的讲讲比赛什么的讲讲比赛什么的讲讲比赛什么的讲讲比赛什么的讲讲比赛什么的讲讲比赛什么的讲讲比赛什么的讲讲比赛什么的讲讲比赛什么的讲讲比赛什么的讲讲比赛什么的讲讲比赛什么的讲讲比赛什么的讲讲比赛什么的讲讲比赛什么的讲讲比赛什么的讲讲比赛什么的
        </p>
        <div class="but">
            <button>加入我们</button>
        </div>
    </div>
</div>
<div class="footer">
    <div class="kx">
        <img src="images/logo_without_text.png">
    </div>
</div>
</body>

</html>
